.vue-kevin-admin {
  .vditor {
    --border-color: var(--el-border-color-light);
    --second-color: var(--el-text-color-disabled);
    --panel-background-color: var(--el-fill-color-blank);
    --panel-shadow: var(--el-box-shadow);
    --toolbar-background-color: var(--el-fill-color-light);
    --toolbar-icon-color: var(--el-text-color-primary);
    --toolbar-icon-hover-color: var(--el-color-primary);
    --toolbar-height: 35px;
    --toolbar-divider-margin-top: 8px;
    --textarea-background-color: var(--el-fill-color-blank);
    --textarea-text-color: var(--el-text-color-primary);
    --resize-icon-color: var(--toolbar-icon-color);
    --resize-background-color: var(--toolbar-background-color);
    --resize-hover-icon-color: var(--panel-background-color);
    --resize-hover-background-color: var(--toolbar-icon-hover-color);
    --count-background-color: rgba(27, 31, 35, 0.05);
    --heading-border-color: var(--el-border-color-light);
    --blockquote-color: #6a737d;
    --ir-heading-color: #660e7a;
    --ir-title-color: #808080;
    --ir-bi-color: #0033b3;
    --ir-link-color: #008000;
    --ir-bracket-color: #0000ff;
    --ir-paren-color: #008000;

    border-radius: 0;
  }

  .hljs {
    color: var(--el-text-color-primary);
    background-color: var(--el-fill-color-light);
  }

  .hljs-keyword,
  .hljs-selector-tag,
  .hljs-subst {
    color: var(--el-text-color-placeholder);
  }

  .vditor-ir pre.vditor-reset,
  .vditor-wysiwyg pre.vditor-reset {
    padding: 10px 40px !important;
  }

  .vditor-reset {
    width: 100%;
    max-width: 100% !important;
    padding: 10px 20px !important;
    color: var(--el-text-color-primary);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: var(--el-text-color-primary);
    }
  }

  .vditor-reset>table {
    border: none;
  }

  .vditor-reset h1,
  .vditor-reset h2 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--el-border-color-light);
  }

  .vditor-reset hr {
    background-color: var(--el-border-color-lighter);
  }

  .vditor-reset blockquote {
    color: #6a737d;
    border-left: 0.25em solid var(--el-border-color-light);
  }

  .vditor-reset iframe {
    border: 1px solid var(--el-border-color-light);
  }

  .vditor-reset table tr {
    background-color: var(--el-fill-color-blank);
    border-top: 1px solid var(--el-border-color-light);
  }

  .vditor-reset table td,
  .vditor-reset table th {
    border: 1px solid var(--el-border-color-light);
  }

  .vditor-reset table tbody tr:nth-child(2n) {
    background-color: var(--el-fill-color-blank);
  }

  .vditor-reset code:not(.hljs, .highlight-chroma) {
    background-color: rgba(27, 31, 35, 0.05);
  }

  .vditor-reset kbd {
    color: #24292e;
    background-color: #fafbfc;
    border: solid 1px #d1d5da;
    box-shadow: inset 0 -1px 0 #d1d5da;
  }

  .vditor-speech {
    color: #586069;
    background-color: #f6f8fa;
    border: 1px solid #d1d5da;
  }

  .vditor-speech--current,
  .vditor-speech:hover {
    color: #4285f4;
  }

  .vditor-linkcard a {
    background-color: #f6f8fa;
  }

  .vditor-linkcard a:visited .vditor-linkcard__abstract {
    color: rgba(88, 96, 105, 0.36);
  }

  .vditor-linkcard__title {
    color: #24292e;
  }

  .vditor-linkcard__abstract {
    color: #586069;
  }

  .vditor-linkcard__site {
    color: #4285f4;
  }

  .vditor-linkcard__image {
    background-color: rgba(88, 96, 105, 0.36);
  }
}
